大家好～我是姐姐恩！身為資訊小白的我，起初對於參賽主題非常苦惱，最後決定利用此次機會，延續學校的課(Java)，了解網頁前端三劍客之一的JavaScript！
所以接下來30天，我將在這裡紀錄我當天的學習筆記及統整後的學習內容，請大家多多指教！
＊學習內容主要取自MDN Web Docs及彭彭老師的YT課程。

Day 14: 認識常見的前端框架介紹、JSON 格式及使用

前端框架用途:

1. 幫助開發者因應未來功能增加或是需求變更，並把程式碼控制在較好維護和擴充的範圍。
2. 更易於組織網頁前端的結構。
3. 支援API與storage之間的雙向資料傳輸(WebSockets)，使頁面可以即時更新。
4. 更易於單頁應用程式(SPA)的設計，使User在使用網頁提供的功能時，不須等待伺服器端的回應，AJAX會在伺服器與瀏覽器之間進行接收，達到局部更新的效果。

前端框架的選擇:

依照服務內容及推出時間進行考量。

1. Ember.js(Ember.js Core Team推出的)

基本語法：JavaScript
軟體架構：MVVM(Model-View-Viewmodel)，基於MVC軟體架構模型所延伸，負責接收從 View 傳來的使用者操作事件，並使用 Model 提供的方法來處理資料，有助於GUI的開發與後端的開發分離。由數據驅動View的自動更新。因獨立的職責範圍，使程式碼容易維護及測試。

2. Angular(google推出的)

基本語法：JavaScript
軟體架構：為一個元件化架構，是基於TypeScript開發的前端框架，可以製作從小型至大型的專案，也具易升級特點。

3. React(Facebook推出的)

基本語法：JavaScript
軟體架構：適用於中大型應用程式開發，如單頁應用程式（SPA）和大型網站等，提供「組件化」開發模式和一致的API設計，也可以和其他函式庫或套件搭配使用，例如開發Web時，可以與虛擬DOM(ReactDOM)搭配使用，建構更完善的UI介面。其主要目標是最大限度減少開發者建構 UI 介面時出現的錯誤。

4. Vue.js(Angular推出的)

基本語法：JavaScript
軟體架構：適用於小型和中型應用程式，

學習資源:
認識常見的前端框架：Ember、Angular、React、Vue.js 介紹
Angular 新手入門
React 新手入門
全世界都在夯JavaScript，三大前端框架你一定要會其中一個
MVVM — 架構篇：書讀得多，人自然就好看起來